<div class="panel panel-default">
	<div class="panel-heading"><strong>Registrar Candidato</strong></div>
	<div class="panel-body">
		<div class="row">
			<div class="col-md-3">
				<form>
					<label for="cedula">C&eacute;dula:&nbsp;</label><br />
					<input type="text" name="cedula" id="cedula" value="" class="form-control" required />
					<div id="respuestacedula"></div><br>
					<label for="nombres">Nombres:&nbsp;</label><br />
					<input type="text" name="nombres" id="nombres" value="" class="form-control" required />
					<div id="respuestanombres"></div><br>
					<label for="partido">Partido:&nbsp;</label><br />
					<select name="partido" id="partido" class="form-control">
						<?php 
							foreach($par as $k=>$v){	
						?>
						<option value="<?php echo $k;?>"><?php echo $v; ?></option>
						<?php
						} 
						?>
					</select><div id="respuestapartido"></div><br>
					<label for="numero">N&uacute;mero en el tarjeton:&nbsp;</label><br />
					<input type="text" name="numero" id="numero" value="" class="form-control" required />
					<div id="respuestanumero"></div><br>
					<label for="aspiracion">Aspiraci&oacute;n:&nbsp;</label><br />
					<select name="aspiracion" id="aspiracion" class="form-control" >
						<?php 
							foreach($asp as $k=>$v){	
						?>
						<option value="<?php echo $k;?>"><?php echo $v; ?></option>
						<?php
						} 
						?>
					</select><div id="respuestaaspiracion"></div><br>


				<div id="respuesta"></div><br />

				<button class="btn btn-primary " type="submit" name="insetar" id="insertar" value="insertar" >Enviar</button>
					
				</form>
			</div>
				

			<div class="col-md-9">
				<div class="panel panel-default">
					<div class="panel-heading"><strong>Candidatos Registrados</strong></div>
					<div class="panel-body">
						<div id="partido">

					<table border="1"  id="informe" class="display">
					<thead>
					<tr>
					<?php
						foreach($can['indices'] as $key=>$val){ ?>
						<th><?php echo $val;?></th>
						<?php }
						UNSET($can['indices']) ?>
					</tr>
					</thead>
					<tbody>
					<?php
						
						foreach($can as $j=>$row){
							
							?><tr><?php
							foreach($row as $k=>$v){
						?>
							<td><?php echo $v;?></td>
							<?php } ?>
						</tr>
						<?php
						}
						
					?>
					</tbody>
					</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>

	$(document).ready( function () {
		$("#cedula").focus();
		$('#informe').dataTable( {
			"sDom": 'T<"clear">lfrtip',
			"oTableTools": {
				"sSwfPath": "<?php echo base_url();?>media/js/copy_csv_xls_pdf.swf"
			}
		} );
	} );
	
	$("#insertar").click(function(event){
		event.preventDefault();
		var cedula=$("#cedula").val();
		var nombres=$("#nombres").val();
		var partido=$("#partido").val();
		var numero=$("#numero").val();
		var aspiracion=$("#aspiracion").val();
			
		if(cedula !=""){
				if(nombres !=""){
					
						if(partido!=0){
							if(numero!=""){
								if(aspiracion!=0){
								$.post("<?php echo $url1;?>",{cedula:cedula,nombres:nombres,partido:partido,numero:numero,aspiracion:aspiracion},function(res){
									$("input[type=text]").val("");
									$("#respuestacedula").html('');
									$("#respuestanombres").html('');
									$("#respuestapartido").html('');
									$("#respuestanumero").html('');
									$("#respuestaaspiracion").html('');
									$("#respuesta").html('<span class="exito">Candidato Registrado con Exito</span>');
								});
								}else{
									$("#respuestaaspiracion").html('<span class="error">Ingrese la aspiracion del candidato.</span>');
								}
							}else{
								$("#respuestanumero").html('<span class="error">Ingrese el numero del candidato.</span>');
							}
						}else{
							$("#respuestapartido").html('<span class="error">Ingrese el partido.</span>');
						}
			   }else{
				$("#respuestanombres").html('<span class="error">Ingrese el nombre.</span>');
				}
		}else{
				$("#respuestacedula").html('<span class="error">Ingrese la cedula.</span>');
			}
		
			
		
	});
			

</script>